@import 'src/app/common/styles/variable/index.scss';
@import 'src/app/common/styles/mixin/index.scss';
.container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100vh - #{$navbarHeight});
  background: #fff;
  .top {
    .qrcode {
      @include square(2rem);
      margin: 0.32rem auto 0.24rem;
    }
    .name {
      font-size: 0.24rem;
      text-align: center;
    }
  }
  .bottom {
    margin: 0 $pagePadding;
    padding: 0.24rem 0 0.4rem;
    text-align: center;
    .title {
      margin-bottom: 0.12rem;
      font-size: 0.16rem;
    }
    .desc {
      padding: 0 $pagePadding;
      font-size: 0.12rem;
      color: $font3;
      line-height: 0.2rem;
    }
  }
}
